page{
	background: #FFFFFF;
}

.header{
	width: 100vw;
	height: 270rpx;
	// background: #f00;
	display: flex;
	justify-content: center;
	align-items: center;
	>view{
		position: relative;
		width: 92vw;
		height: 250rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		>image{
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: -1;
		}
		>text:nth-child(2){
			font-size: 58rpx;
			color: #fff;
			margin-bottom: 10rpx;
		}
		>text:nth-child(3){
			font-size: 28rpx;
			color: #fff;
		}
	}
}

.yue{
	width: 100vw;
	height: 300rpx;
	// background: #f00;
	display: flex;
	justify-content: center;
	align-items: center;
	>view{
		position: relative;
		width: 92vw;
		height: 250rpx;
		display: flex;
		flex-direction: column;
		// background: #ff0;
		>text{
			font-weight: bold;
			margin-bottom: 40rpx;
		}
		>input{
			padding: 28rpx 15rpx;
			background: #F4F4F4;
			font-size: 28rpx;
			font-weight: bold;
			border-radius: 10rpx;
		}
	}
}

.type{
	width: 100vw;
	height: 200rpx;
	// background: #f00;
	display: flex;
	justify-content: center;
	align-items: center;
	>view{
		position: relative;
		width: 92vw;
		height: 200rpx;
		display: flex;
		flex-direction: column;
		>view:nth-child(1){
			>text{
				font-weight: bold;
				margin-bottom: 40rpx;
			}
		}
		>view:nth-child(2){
			display: flex;
			flex-direction: column;
			margin-top: 20rpx;
			>view{
				margin-top: 40rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				>view:nth-child(1){
					display: flex;
					align-items: center;
					>image:nth-child(1){
						width: 45rpx;
						height: 45rpx;
					}
					>text{
						font-size: 30rpx;
						margin-left: 20rpx;
						color: #000;
					}
				}
				>view:nth-child(2){
					display: flex;
					align-items: center;
					>image:nth-child(1){
						width: 45rpx;
						height: 45rpx;
					}
				}
			}
			
		}
	}
}